<template>
  <div class="need">
    <div class="imgs">
      <div style="width: 50%">
        <img
          width="50%"
          src="https://mp-717d1600-fd2b-47f9-b710-f4feea8e249a.cdn.bspapp.com/图片6.png"
        />
        <img
          width="50%"
          src="https://mp-717d1600-fd2b-47f9-b710-f4feea8e249a.cdn.bspapp.com/图片7.png"
        />
        <div style="text-align: center">
          <a
            href="https://mp-717d1600-fd2b-47f9-b710-f4feea8e249a.cdn.bspapp.com/高中生2024版病史调查表 .pdf"
            >高中生招飞病史调查表下载</a
          >
        </div>
      </div>

      <div
        style="
          width: 50%;
          display: flex;
          justify-content: center;
          flex-wrap: wrap;
        "
      >
        <img
          width="50%"
          src="https://mp-717d1600-fd2b-47f9-b710-f4feea8e249a.cdn.bspapp.com/图片8.png"
        />
        <div style="text-align: center; width: 100%">
          <a
            href="https://mp-717d1600-fd2b-47f9-b710-f4feea8e249a.cdn.bspapp.com/空军青航校招生报名体检表.pdf"
            >高中生招飞病史调查表下载</a
          >
        </div>
      </div>
    </div>

    <div class="bottom">
      <img
        width="45%"
        src="https://mp-717d1600-fd2b-47f9-b710-f4feea8e249a.cdn.bspapp.com/图片5.png"
      />
    </div>
  </div>
</template>
<style scoped lang="scss">
  .need {
    padding: 10vw 0vw;
    font-size: 1vw;
    padding-bottom: 0vw;

    .imgs {
      display: flex;
      padding: 0 10vw;
    }

    .bottom {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 0, 255, 0.721);
      height: 25vw;
      margin-top: 10vw;
    }
  }
</style>
